<template>
  <content-wrapper title="VBoot" sub-title="Vue and SpringBoot">
    <article>
      <!-- Content Header (Page header) -->
      <header class="content-header container-fluid">
        <div class="row">
          <div class="col-lg-8">
            <h1 class="content-max-width">依赖 &amp; 插件</h1>
          </div>
        </div>
      </header>
      <div class="content container-fluid">
        <div class="row">
          <div class="col-lg-9">
            <section class="content-max-width">
              <section id="dependencies">
                <h2 class="page-header first"><a href="#dependencies">依赖</a></h2>
                <p>VBoot主要依赖四大框架.</p>
                <ul class="bring-up">
                  <li><a href="https://cn.vuejs.org" target="_blank">Vue 2.x</a></li>
                  <li><a href="http://spring.io/projects/spring-boot" target="_blank">SpringBoot 2.x</a></li>
                  <li><a href="https://adminlte.io/themes/AdminLTE/index2.html" target="_blank">AdminLTE 2.x</a></li>
                  <li><a href="https://www.jeasyui.com/documentation4/index.php" target="_blank">vx-easyui</a></li>
                </ul>
              </section>

              <section id="plugins">
                <h2 class="page-header"><a href="#plugins">插件</a></h2>
                <p>使用了以下插件</p>
                <ul class="bring-up">
                  <li><a href="http://sagalbot.github.io/vue-select/docs" target="_blank">vue-select</a></li>
                  <li><a href="http://bootstrapvalidator.votintsev.ru" target="_blank">bootstrapvalidator</a></li>
                  <li><a href="https://github.com/ljharb/qs" target="_blank">Qs</a></li>
                  <li><a href="https://artemsky.github.io/vue-snotify/documentation/essentials/getting-started.html" target="_blank">vue-snotify</a></li>
                  <li><a href="https://github.com/axios/axios" target="_blank">axios</a></li>
                  <li><a href="https://fontawesome.com" target="_blank">font-awesome</a></li>
                  <li><a href="https://lodash.com" target="_blank">lodash</a></li>
                  <li><a href="https://hamed-ehtesham.github.io/pretty-checkbox-vue" target="_blank">pretty-checkbox-vue</a></li>
                  <li><a href="https://github.com/xyxiao001/vue-cropper" target="_blank">vue-cropper</a></li>
                </ul>
              </section>
            </section>
          </div>
          <div class="col-lg-3">
            <div class="box box-solid limit-p-width">
              <div class="box-body affiliate">
                <h3 class="heading">
                  技术交流
                </h3>
                <img src="@/assets/qun.jpg" alt=" 交流群" class="img-responsive" width="100%">
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- /.content -->
    </article>
  </content-wrapper>
</template>

<script>
  export default {
    name: 'Dashboard'
  };
</script>

<style scoped>

</style>
